@charset "utf-8"; @font-face { font-family: 'iconfont'; /* Project id 591377 */ src: url('//at.alicdn.com/t/font_591377_oj25k1bka5a.woff2?t=1623722943035') format('woff2'), url('//at.alicdn.com/t/font_591377_oj25k1bka5a.woff?t=1623722943035') format('woff'), url('//at.alicdn.com/t/font_591377_oj25k1bka5a.ttf?t=1623722943035') format('truetype'); } .hf { display: inline-block; font-size: 80px; line-height:80px; color: #000; position: relative; overflow: hidden; whitewhite-space: pre;/* 澶勭悊绌烘牸 */ } .hf:before { position: absolute; left: 0; top: 0; color: #f00; display: block; width: 30%;/*濡傛灉鎯冲彉鑹蹭竴鍗婃枃瀛楋紝灏辫缃?0%*/ content: attr(data-content);/* 浼厓绱犵殑鍔ㄦ€佽幏鍙栧唴瀹 */ overflow: hidden; } .iconfont { font-family:"iconfont" !important; font-size:1.6rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.01rem; -moz-osx-font-smoothing: grayscale; } /* CSS Document */ /*杈硅窛娓呴浂*/ div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;} form,span,input,select,textarea{margin:0; padding:0;outline:none;} h1{ font-size:18px; font-weight:bold; line-height:1.6;} /*鏂囧瓧婧㈠嚭*/ .text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;} /*----------------------------------------------------------鎬讳綋璁剧疆----------------------------------------------------------*/ html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden;font-family:'寰蒋闆呴粦'; box-sizing:border-box;} body{color:#333; margin:0 auto;padding:0; font-size:14px; font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; } a:link,a:visited{color:#333; text-decoration: none;} a:active{color:#333; text-decoration:none;} a:hover{color:#f00;} a{blr:expression(this.onFocus=this.blur())}/*鍘绘帀a鏍囩铏氱嚎*/ p{ margin:0; padding:0;} img{ margin:0; padding:0; border:0;} ul,li{ list-style-type:none; margin:0; padding:0;} /*鍏叡*/ .clear{ clear:both;} .nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*璧勬枡鏁寸悊涓?/ .floatL{ float:left;} .floatR{ float:right;} .w1200{ max-width:1200px; margin:0 auto; z-index:1000; } .qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/} .hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/} .hoverimg img:hover{ -webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.2); /*Mozilla scale version*/ -o-transform:scale(1.2); /*Opera scale version*/ } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .margin{ margin:80px auto;} /****************************************************************澶撮儴璁剧疆*********************************************************************/ .logo{ z-index:100000000; margin:0 auto;z-index:10000; width:100%; background:#fff; padding:0; } .logo_1{ margin:0 auto; position:relative; } .logo_img{ padding:0; float:left; position:relative;padding:20px 0;} .logo_img img{ display:block; -moz-transition: all ease .3s; height:41px; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; } /********瀵艰埅********/ .sjj_nav,.sp_nav{ display:none;} .navbox{ z-index:9;text-align:center; font-size:18px; padding:0; float:right;} .nav{margin:0 auto;list-style:none; padding:0; margin:0 auto; margin:0 auto; height:81px; line-height:81px; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s;} .nav li{ text-align:center; position:relative; float:left;} .nav li a{ padding:0; display:block; padding:0 40px; } .nav li:hover{ display:block;background-image: linear-gradient(to bottom, #ffcc6d , #f2a713);} .nav li:hover a{ color:#fff;} .nav li.mj_hover_menu{ display:block; background-image: linear-gradient(to bottom, #ffcc6d , #f2a713); } .nav li.mj_hover_menu a{ color:#fff;} .nav li .submenu{ display:none; position:absolute;top:81px;left:0;font-size:12px;z-index:1000; width:100%; box-shadow:0 0 12px rgba(0,0,0,0.1); padding:0; background:#fff;} .nav li .submenu dd{ line-height:2; text-align:center; padding:12px 0; border-bottom:1px solid #eee;} .nav li .submenu dd a{ color:#000; font-size:14px; padding:0;} .nav li .submenu dd:hover{background-image: linear-gradient(to bottom, #ffcc6d , #f2a713); color:#fff;} .nav li .submenu dd:hover a{ color:#fff;} .nav li .submenu dd:last-of-type{ border-bottom:0;} /********瀵艰埅/********/ /*******banner鏉?**/ /*******banner鏉?**/ .banner{ position:relative; overflow:hidden; margin:0 auto; width:100%;} .slider{ margin:0 auto; width:100%;} .flexslider {margin: 0;padding: 0;} .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%;display: block;} .slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 450px;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 auto;position: relative;zoom: 1;} .flexslider .slides {zoom: 1;} .flex-direction-nav {width:90%; margin:0 auto; left:5%; position:absolute; top:50%; } .flex-direction-nav a {width: 60px;height: 90px; top:-45px;margin:0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 0 -90px;right:50px;} .flex-direction-nav .flex-prev {left: 50px;} .flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);} .flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;} .flex-control-nav li {margin: 0 2px;display: inline-block; zoom: 1;*display: inline;} .flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;} .flex-control-paging li a.flex-active {background-position: 0 0;} .friends_banner img{ display:block;} /*棣栭〉鏍囬*/ .indextitle{ text-align:left; position:relative; margin-bottom:20px;} .indextitle h2{ display:block; font-size:25px; font-weight:bold; color:#f4ab1d; } .indextitle .more{ position:absolute; right:0; top:5px;} .indextitle h3{ color:#000; font-weight:bold; font-size:18px; display:inline-block; border-bottom:1px solid #f4ab1d; width:50%;} .about{ max-width:1200px; background:#f6f6f6; margin:50px auto; } .about .about-t{ float:right; width:58%;font-size:14px; line-height:1.8; padding:20px 30px; color:#555;} .about .about-pic{ width:42%; float:left;} .about .about-more{ display:block; text-align:right; margin-top:20px;} .slideBox{ position:relative; width:100%; } .hd{ position:absolute; bottom:15px; width:100%;text-align:center; z-index:100;} .hd li{ height:10px; line-height:10px; border-radius:10px; width:10px; background:#aaa; margin:0 5px; display:inline-block;} .hd li.on{ background:#fff;} .bd li img{ display:block; margin:0 auto; max-width:100%;} .news{ margin:0 auto; width:66%; float:left;} .newsBox{ width:370px; float:left; position:relative;} .newslist{ padding:0; width:calc(100% - 390px); float:right;} .newslist ul{ } .newslist li{ border-bottom:1px dashed #999; line-height:2.45;} .newslist li:last-child{ border-bottom:0;} .newslist li h2{ display:block; width:80%; font-size:14px; float:left;} .newslist li span{ float:right; font-size:12px; color:#888;} .case{ width:30%; float:right;} .caseBox{ position:relative;} @media (max-width:640px){ /*棣栭〉鏍囬*/ .indextitle{ text-align:left; position:relative; margin-bottom:20px;} .indextitle h2{ display:block; font-size:20px; font-weight:bold; color:#f4ab1d; } .indextitle .more{ position:absolute; right:0; top:5px;} .indextitle h3{ color:#000; font-weight:bold; font-size:18px; display:inline-block; border-bottom:1px solid #f4ab1d; width:50%;} .about{ margin:0 auto 10px auto; display:block;} .about .about-t{font-size:14px; width:100%; line-height:1.8; padding:15px; color:#555; float:none;} .about .about-pic{ float:none; width:100%;} .news{ padding:3%; width:100%; float:none;} .newsBox{ width:100%; float:none;} .newslist{ padding:0; width:100%; float:none;} .newslist li{ border-bottom:1px dashed #999; line-height:2.8;} .case{ width:100%; float:none; padding:3%;} } /******棣栭〉閰嶇疆********/ /****************鍐呴〉閰嶇疆*******************************/ .weizhi{ display:block; text-align:center; z-index:1000; position:absolute; top:30px; right:0;} .info{ margin:20px auto;} .infotitle .m{ margin:0 auto; max-width:1200px; } .infotitle .m i{ font-size:15px;} .infotitle .m:after{ content:''; border:0;} .infotitle{ padding:16px 0; margin:0; background:#f6f6f6;} .infotitle h2{ float:left;font-size:18px; font-weight:bold;} .infotitle span{ font-weight:normal; padding-left:8px; text-transform:capitalize; color:#888;} .infotitle strong{ color:#f4ab1e;} .info-right{ max-width:1200px; margin:0 auto;} .info-left{ } .info-left .indextitle{ padding:0; margin:30px auto; text-align:center; border:0; } .infocontent{ margin:20px auto; padding:0; background:#fff; line-height:2.3; font-size:16px; }/*鍐呴〉鍙宠竟鍐呭璇︽儏*/ .infocontent img{ display:block; max-width:100%; margin:0 auto;} .s_content a{ text-decoration:underline; color:#f4ab1e;} .left_menu{ margin:30px auto 0 auto; max-width:1200px;} .left_menu ul{ text-align:left;} .left_menu ul li{ display:inline-block; margin:0 6px; background:#eee;} .left_menu ul li a{ display:block; color:#000; font-size:16px; padding:15px 35px;} .left_menu ul li:hover{background:#f4ab1e;} .left_menu ul li:hover a{color:#fff;} .left_menu li.hover{ background:#f4ab1e} .left_menu li.hover a{ color:#fff;} .feed_l{ background:url(http://yzt.2113114.com/images/feedback.jpg) no-repeat left center; padding-left:650px;} .message{ background:#f4f4f4; padding:3%;} .message_show{ max-width:1200px; margin:0 auto;} .message_show li{ font-size:20px; color:#000; padding:10px 0;} .message_show li span{ display:block; float:left; width:130px;} .message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px; font-family:'寰蒋闆呴粦'; color:#888;} .message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'寰蒋闆呴粦'; color:#888;} .message_show .tijiao{ width:190px; height:55px; font-size:20px; text-align:center; line-height:55px; background:#f4ab1e; color:#fff !important; display:block; margin:0 0 30px 130px; border:0;font-family:'寰蒋闆呴粦';} /*浜у搧灞曠ず*/ .infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:0 0; } .infopiclist ul{ margin:0; padding:0 0; } .infopiclist ul li{ width:23.5%; float:left; margin-right:2%; position:relative; margin-bottom:20px; } .infopiclist ul li:nth-child(4n){ margin-right:0;} .infopiclist ul li .indexlistpic{ overflow:hidden; border:1px solid #eee; position:relative; } .infopiclist ul li img{ display:block; margin:0 auto; width:100%; position:relative; } .infopiclist ul li .pictitle{ text-align:center; bottom:0; width:100%} .infopiclist ul li .pictitle h2{ display:block; font-size:15px; color:#222; padding-top:10px; border-bottom:0; margin:0; font-weight:normal;} /*缈婚〉*/ .pager {TEXT-ALIGN: center; CLEAR: both; padding-bottom:35px; padding-top:15px;} .pager A { display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#eee; color:#000; } .pager SPAN { border:0;display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#f4ab1e; color:#fff;} .pager A:hover { background:#f4ab1e; color:#fff;} /*鏂伴椈*/ .articlist{ padding:0 0; } .articlist{ padding:;} .articlist li{ line-height:1.6; font-size:12px; box-shadow:0 0 25px rgba(0,0,0,0.1); padding:2%; margin-bottom:3%; position:relative;} .articlist li a{ display:block;} .articlist li:hover img{ -webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.2); /*Mozilla scale version*/ -o-transform:scale(1.2); /*Opera scale version*/ } .articlist li .pic{ overflow:hidden; float:left; margin-right:25px; width:260px;} .articlist li img{ width:100%;-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/} .articlist li h3{ margin:0; color:#151515; font-weight:bold; margin-bottom:10px; font-size:18px; } .articlist li p{color:#666666; font-size:14px; margin:5px 0; line-height:2;} .articlist li dl{ color:#999; margin-bottom:12px;} .articlist li .more{ border:4px solid #f4ab1e; background:#f4ab1e; display:block; width:46px; height:46px; color:#fff; font-size:16px; line-height:46px; float:left; border-radius:46px; text-align:center; overflow:hidden;transition: width 0.5s; margin-top:20px; position:absolute; right:3%; bottom:-23px;} .articlist li .more i{ display:block; height:46px; line-height:40px; width:46px;border-radius:46px; color:#f4ab1e; font-weight:bold; font-size:40px; float:left; background:#fff;} .articlist li:hover .more{ width:200px;} /*璇︽儏*/ .s_title{ text-align:center;} .s_title h2{font-family:'寰蒋闆呴粦'; font-size:18px; font-weight:bold;} .s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #f5f5f5; padding:5px;} .s_title p.c{ padding:12px; text-align:left; background:#f5f5f5; border-radius:5px; color:#888; font-size:12px;} .s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;} .s_img{ padding:20px 0;} .s_img img{ display:block; max-width:100%;} .s_content{ padding:15px 0;} .p_content{ font-size:14px; text-align:right;} .s_content a{ text-decoration:underline !important; color:#f4ab1e;} .s_content a:link,.s_content a:visited{ text-decoration:underline !important; color:#f4ab1e;} .info_t a{ text-decoration:underline !important; color:#f4ab1e;} .info_t a:link,.info_t a:visited{ text-decoration:underline !important; color:#f4ab1e;} .links { color:#fff; display:inline-block;padding:0 0 10px 0;} .links ul{ text-align:right; padding:0; color:#fff; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.5);padding:10px 0;} .links a{ padding:0; color:#fff; } .links a:after{ content:'|'; margin:0 10px;} .links a:last-child:after{ content:''; margin:0;} .bottom{ margin:50px auto 0 auto; background:#101010; font-size:16px; padding:40px 0; text-align:center; color:#fff; line-height:2; position:relative; } .footer_h{ display:none;} .footmenu { display:none;} .Upper p{ font-size:14px;} /*鍒嗕韩*/ .bdsharebuttonbox{ max-width:1200px; margin:0 auto; padding:10px 0;} .bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;} .box-title{ font-weight:bold !important; } .box-title strong{ color:#f00 !important;} .box-content{ font-size:18px !important; padding-top:25px !important;} .box-content b{ color:#f00;} .btn-primary{ background:#20a8e4;} @media (max-width:640px){ h1{ font-size:14px; font-weight:bold;} .qy_wel,.logo_search{ display:none;} .logo_1{ margin:0 auto; padding:0;} .logo_1 h3{ text-transform:uppercase; color:#aaa; font-size:12px;} .logo_1 p{ padding:10px 0; font-size:12px; line-height:1.3;} .logo_1 h1{ display:block; font-size:20px; font-weight:bold; color:#775f47; padding-top:5px;} .logo_img{ padding:12px 12px; float:none; position:static; margin:0; width:auto; height:auto;} .logo_img img{ height:26px; width:auto; display:block; margin:0; margin-right:0px; } .logoh{ height:50px; display:block;} .logo_tel{ line-height:1.2; padding:0 0; line-height:36px; display:none;} .w1100{ margin:0; padding:0; z-index:0} .logo{ position:relative; margin:0 auto; border-bottom:0; position:fixed; top:0; padding:0;width:100%; background:#fff; z-index:100; overflow:inherit !important; height:50px; } /****************************************************************瀵艰埅*********************************************************************/ .navbox{ display:none;} .sp_nav{width:38px; top:15px; right:6px; position:fixed;cursor:pointer;height:30px;margin-top:0;display:block;} .sp_nav span{display:block;background:#f4ab1e;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:8px} .sp_nav span:nth-of-type(3){top:16px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;background:#fff;width:100%;height:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;z-index:99999; display:block;} .nav_show{top:50px} .sjj_nav ul li{padding:1.5% 3%;} .sjj_nav ul li a{ display:block;} .sjj_nav ul li i{ display:block; font-size:15px; font-style:normal;} .sjj_nav ul li i:after{content: "+"; position: absolute; right: 20px; top: 0; font-size: 20px; font-weight: 300; } .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se{ color:#f4ab1e;} .sjj_nav ul li .sjj_nav_i_se:after{content: "-"; position: absolute; right: 20px; top: 0; font-size: 20px; font-weight: 300; } .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #eee solid;position:relative;line-height:40px;font-size:14px; } .sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li ul{ padding:0 3%;} .sjj_nav ul li ul li{ border:0; padding:3% 0; border-bottom:1px solid #eee; line-height:2;} .sjj_nav ul li ul li p{ color:#aaa;} .sjj_nav ul li ul li a{ display:block;} .sjj_nav ul li ul li:last-child{ border-bottom:0;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:0} .sjj_nav ul li ul li ul{ margin:0; padding:10px;} .sjj_nav ul li ul li ul span{ display:inline-block; width:50%; padding:0; text-align:left; font-size:14px;} input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } /*******banner鏉?**/ .banner{ position:relative; overflow:hidden; margin:0 auto; width:100%;} .slider{ margin:0 auto; width:100%;} .flexslider {margin: 0;padding: 0; width:600px; left:50%; margin-left:-300px;} .flex-direction-nav {width:90%; margin:0 auto; left:5%; position:absolute; top:50%; display:none;} .friends_banner{ position:relative; overflow:hidden;} .friends_banner img {display: block; width:520px; position:relative; left:50%; margin-left:-260px; position:relative;} /*棣栭〉鏍囬*/ .info-left{ float:none; overflow:hidden;} .info-left .indextitle{ padding:0 10px; margin:20px auto;} .info-right{ width:100%; float:none;} /******棣栭〉閰嶇疆********/ /****************鍐呴〉閰嶇疆*******************************/ .weizhi{ display:none; } .info{ font-size:16px; margin:0;min-height:320px; padding:0; } .info .product_right{ padding:3%;} .info .product_right h2{ font-size:20px; display:none;} .ueditor_baidumap{ display:none;} .left_menu{ margin:12px auto 0 auto; position:inherit; right:0; top:0;} .left_menu ul{ text-align:left; display:flex;} .left_menu ul li{ display:inline-block; margin:0; background:#eee; flex:1;} .left_menu ul li a{ display:block; color:#000; font-size:12px; padding:10px 0; text-align:center;} .left_menu ul li>ul{ display:none; position:absolute; right:0; bottom:-75px;} .left_menu ul li:hover{background:#f4ab1e;} .left_menu ul li:hover a{color:#fff;} .left_menu li.hover{ background:#f4ab1e} .left_menu li.hover a{ color:#fff;} .left_menu li.hover>ul{ display:block;} .left_menu li.hover>ul li{ background:#f4ab1e; margin:0; border-left:1px solid #fff;} .left_menu li.hover>ul li a{ font-size:14px;padding:10px 35px;} .left_menu li.hover>ul li.hover{background:#f4ab1e;} .infotitle{ padding:10px; text-align:left;} .infotitle h2{ margin-bottom:10px;} .infotitle h2 span{ font-size:12px;} .infotitle .m{ font-size:12px;} .infotitle .m i{ font-size:14px; margin-right:0px; font-weight:normal; color:#f4ab1e;} .infocontent{clear:both; margin:0; padding:3%; float:none; width:auto; font-size:14px; }/*鍐呴〉鍙宠竟鍐呭璇︽儏*/ .infocontent img{ display:block; max-width:100%; margin:0 auto; height:auto !important;} .infopiclist{ margin:0%; padding:0; overflow:hidden; padding:0; } .infopiclist ul{ margin:0; padding:0; } .infopiclist ul li{ width:48.5%; margin:0; float:left; padding:0; margin-bottom:3%;} .infopiclist ul li:nth-child(2n){ float:right;} .infopiclist ul li .indexlistpic{ width:auto; overflow:hidden; padding:0; display:block; height:auto;} .infopiclist ul li img{ width:100%; border-radius:0; display:block !important; } .infopiclist ul li .indexlistname{ font-size:15px;} .infopiclist ul li .pictitle{ font-size:12px; text-align:left; height:40px; padding:5px 0;} .infopiclist ul li .pictitle h2{ display:block; font-size:12px;text-align:center;line-height:1.5; padding:0; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .articlist{ padding:0 0; } .articlist li { font-size:14px; padding:3% 3% 5% 3%; float:none; width:100%; position:relative; margin-bottom:6%;} .articlist li:nth-child(2n){ float:none;} .articlist li .pic{ width:30%; margin-right:15px;} .articlist li dl{ margin:0;} .articlist li h3{ font-size:15px; margin:0;} .articlist li p{display:block; color:#8c8c8c; font-size:12px; line-height:1.6; margin:6px 0; padding:0; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .articlist li .more{ border:2px solid #f4ab1e; background:#f4ab1e; display:block; width:22px; height:22px; color:#fff; font-size:12px; line-height:22px; float:right; border-radius:22px; text-align:center; overflow:hidden;transition: width 0.5s; margin-top:5px; position:absolute; right:2%; bottom:-11px;} .articlist li .more i{ display:block; height:22px; line-height:20px; width:22px;border-radius:22px; color:#f4ab1e; font-weight:bold; font-size:20px; float:left; background:#fff;} .articlist li:hover .more{ width:140px;} /*璇︽儏*/ .s_title{ text-align:center;} .s_title h2{font-family:'寰蒋闆呴粦'; font-size:16px; line-height:1.4; font-weight:bold;} .s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;} .s_title p.c{ padding:12px; text-align:left; background:#eee; color:#888; font-size:12px;} .s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;} .s_img{ padding:20px 0;} .s_img img{ display:block; max-width:100%; height:auto;} .s_content{ padding:15px 0;} .s_content img{ margin:10px auto !important; display:block; max-width:100%;} .Upper{ font-size:12px;} iframe{ display:block; width:100% !important; height:380px !important; overflow:hidden;} .feed_l{ background:none; padding-left:0; margin:0 auto;} .message{ padding:3%;} .message_show{ max-width:1200px; margin:0 auto; } .message_show li{ font-size:16px; color:#000; padding:2% 3%;} .message_show li span{ display:block; float:none; width:130px;} .message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 3%; width:94%; font-size:15px; font-family:'寰蒋闆呴粦'; color:#888;} .message_show li textarea{ height:140px;border:1px solid #ddd; padding:3%; width:94%; font-size:15px; font-family:'寰蒋闆呴粦'; color:#888;} .message_show .tijiao{ width:160px; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; background:#f4ab1e; color:#fff !important; display:block; margin:0 auto; border:0;font-family:'寰蒋闆呴粦';} .links { padding:0; font-size:12px; background:#f4ab1e;} .links ul{ text-align:left; padding:3%;} .links a:after{ content:'|'; margin:0 10px;} .bottom{ margin:10px auto 0 auto; background:#222; font-size:12px; padding:15px; text-align:center; color:#fff; line-height:2; position:relative; } .footer_h{ height:48px; display:block;} .footmenu a{ color:#fff;} .footmenu{color:#fff; background:#000; position:fixed; bottom:0; left:0; width:100%; z-index:10000; display:block; } .footmenu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;} .footmenu ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:12px; padding:6px 0; position:relative;} .footmenu ul li i{ display:block; width:20px; height:20px; line-height:20px; font-size:18px; margin:0 auto;} @keyframes telshow { 0% {transform: rotate(0deg)} 5% {transform: rotate(-20deg)} 10% {transform: rotate(0deg)} 15% {transform: rotate(-20deg)} 20% {transform: rotate(0deg)} 25% {transform: rotate(-20deg)} 100% {transform: roate(0deg)} } @-webkit-keyframes telshow { 0% {-webkit-transform: rotate(0deg)} 5% {-webkit-transform: rotate(-20deg)} 10% {-webkit-transform: rotate(0deg)} 15% {-webkit-transform: rotate(-20deg)} 20% {-webkit-transform: rotate(0deg)} 25% {-webkit-transform: rotate(-20deg)} 100% {-webkit-transform: roate(0deg)} } @-o-keyframes telshow { 0% {-o-transform: rotate(0deg)} 5% {-o-transform: rotate(-20deg)} 10% {-o-transform: rotate(0deg)} 15% {-o-transform: rotate(-20deg)} 20% {-o-transform: rotate(0deg)} 25% {-o-transform: rotate(-20deg)} 100% {-o-transform: roate(0deg)} } .pager {TEXT-ALIGN: center; CLEAR: both; padding:2%;} .pager A { display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#eee; color:#000; font-size:12px; } .pager SPAN { border:0;display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#f4ab1e; color:#fff;font-size:12px;} .pager A:hover { background:#f4ab1e; color:#fff;} /*鍒嗕韩*/ .bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;} .bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;} } @-webkit-keyframes scrollBad { 0% { background-position: 0 0; } 100% { background-position: 0 -400px; } } @-moz-keyframes scrollBad { 0% { background-position: 0 0; } 100% { background-position: 0 -400px; } } @keyframes scrollBad { 0% { background-position: 0 0; } 100% { background-position: 0 -400px; } }